<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>蘑菇街首页</title>
	<link rel="stylesheet" type="text/css" href="style.css">
    <script src="js/jquery-1.7.js"></script>
    <script src="js/js.js"></script>
</head>
<body>
	<nav id="nav"><!-- 导航开始 -->
		<ul>
			<li>
			<a href="#" title="">注册 </a>
			<a href="#" title=""> 登录</a>
			</li>
			<li ><a class="order" href="#" title="">我的订单</a></li>
			<li ><a class="shoppingcar" href="#" title="">购物车</a></li>
			<li >
                <a class="help" href="#" title="">客服服务</a>
                <div class="navhidediv">客服服务</div>
            </li>
			<li >
                <a class="mystore" href="#" title="">我的小店</a>
                <div class="navhidediv">我的小店</div>
            </li>
		</ul>
	</nav><!-- 导航结束 -->
	<div class="box">
		<header id="header" class=""><!-- 头部开始 -->
		<div class="logo">
            <img src="imgs/logo.png">      
        </div>
        <div class="search clearfixed">
            <div class="select" id="selectDiv">
                <span>搜商品</span>
                <ul>
                    <li>商品</li>
                    <li>商家</li>
                </ul>
            </div>
           <form action="" method="get" accept-charset="utf-8">
               <input type="text" name="text" placeholder="百搭又好看的牛仔外套"></input>
               <button type="submit"></button>
           </form>  
            <div class="search-nav">
                <span>运动鞋</span>
                <span>运动鞋</span>
                <span>运动鞋</span>
                <span>运动鞋</span>
                <span>运动鞋</span>
                <span>运动鞋</span>
                <span>运动鞋</span>
                <span>运动鞋</span>
                <span>运动鞋</span>
            </div>
        </div>
        <div class="qrcode">
            <img src="imgs/qrcode.png" alt="">
        </div>
		</header><!-- 头部结束 -->
		<article><!-- 正文开始 -->
			<section class="focus clearfixed"><!-- 焦点图 -->
				<div class="top">
                    <div class="top-l"><span>全部商品</span></div>   
                    <div class="top-r">
                        <a href="#">团购</a>
                        <a href="#">快抢</a>
                        <a href="#">红人Bazaar</a>
                    </div>         
                </div>
                <div class="focus-nav" id="focusnav">
                    <ul>
                        <li>
                           <span class="inner">
                                <span>上衣</span>
                                <a  class="active" href="#">春上新</a>
                                <a href="#">毛衣</a>
                                <a href="#">衬衫</a>
                           </span>
                            <div class="hidediv">1</div>
                        </li>
                        <li>
                            <span class="inner">
                                <span>裙子</span>
                                <a class="active"  href="#">春季新品</a>
                                <a href="#">连衣裙</a>
                                <a href="#">套装</a>
                            </span>
                            <div class="hidediv">2</div>
                        </li>
                        <li>
                            <span class="inner">
                                <span>裤子</span>
                                <a class="active" href="#">春上新</a>
                                <a href="#">毛衣</a>
                                <a href="#">衬衫</a>
                            </span>
                            <div class="hidediv">3</div>
                        </li>
                        <li>
                            <span class="inner">
                                <span>内衣</span>
                                <a href="#">内衣套装</a>
                                <a class="active"  href="#">毛衣</a>
                                <a href="#">衬衫</a>
                            </span>
                            <div class="hidediv">4</div>
                        </li>
                        <li>
                            <span class="inner">
                                <span>鞋子</span>
                                <a class="active" href="#">春上新</a>
                                <a href="#">毛衣</a>
                                <a href="#">衬衫</a>
                            </span>
                            <div class="hidediv">5</div>
                        </li>
                        <li>
                            <span class="inner">
                                <span>男友</span>
                                <a href="#">春上新</a>
                                <a href="#">毛衣</a>
                                <a  class="active" href="#">衬衫</a>
                            </span>
                            <div class="hidediv">6</div>
                        </li>
                        <li>
                            <span class="inner">
                                <span>包包</span>
                                <a class="active"  href="#">春上新</a>
                                <a class="active" href="#">毛衣</a>
                                <a href="#">衬衫</a>
                            </span>
                            <div class="hidediv">7</div>
                        </li>
                        <li>
                           <span class="inner">
                                <span>美妆</span>
                                <a class="active" href="#">超值套装</a>
                                <a href="#">面膜</a>
                                <a href="#">口红</a>
                           </span>
                            <div class="hidediv">8</div>
                        </li>
                        <li>
                            <span class="inner">
                                <span>配饰</span>
                                <a href="#">墨镜</a>
                                <a class="active" href="#">棒球</a>
                                <a href="#">项链</a>
                            </span>
                            <div class="hidediv">9</div>
                        </li>
                        <li>
                           <span class="inner">
                                <span>家居</span>
                                <a href="#">四件套</a>
                                <a class="active" href="#">毛衣</a>
                                <a href="#">小家具</a>
                           </span>
                            <div class="hidediv">10</div>
                        </li>
                        <li>
                            <span class="inner">
                                <span>母婴</span>
                                <a class="active"  href="#">春上新</a>
                                <a href="#">毛衣</a>
                                <a href="#">衬衫</a>
                            </span>
                            <div class="hidediv">11</div>
                        </li>
                        <li>
                            <span class="inner">
                                <span>零食</span>
                                <a href="#">春上新</a>
                                <a class="active" href="#">毛衣</a>
                                <a href="#">衬衫</a>
                            </span>
                            <div class="hidediv">12</div>
                        </li>
                        <li>
                            <span class="inner">
                                <span>百货</span>
                                <a href="#">收纳盒</a>
                                <a class="active" href="#">美发棒</a>
                                <a href="#">玻璃棒</a>
                            </span>
                            <div class="hidediv">13</div>
                        </li>
                    </ul>
                </div>
                <div class="focus-show">
                   <div class="advs clearfixed">
                        <ul>
                        <li><img src="imgs/adv1_715x530.jpg"></li>
                        <li><img src="imgs/adv2_715x530.jpg"></li>
                        <li><img src="imgs/adv3_715x530.jpg"></li>
                        <li><img src="imgs/adv4_715x530.jpg"></li>
                    </ul>
                   </div>
                   <div class="advlist">
                       <ul>
                           <li></li>
                           <li></li>
                           <li></li>
                           <li></li>
                           <li class="active"></li>
                       </ul>
                   </div>
                   <div class="focus-r">
                       <img src="imgs/first_right1.jpg">
                       <img src="imgs/first_right1.jpg">
                   </div>
                </div> 
			</section><!-- 焦点图结束 -->
			<section class="shop-new clearfixed"><!-- 打折信息 -->
				<div class="s1">
					
					<div class="time">
						<img src="imgs/xskq.png">
						<div class="dtime">
							<span>01</span>:
						    <span>49</span>:
							<span>54</span>
						</div>
					</div>
					<img src="imgs/second_1.jpg">
                    <div class="price">
                        <span>8元</span>
                        <span>快抢价</span>
                    </div>
				</div>
				<div class="s2"><img src="imgs/second_2.jpg"></div>
				<div class="s3"><img src="imgs/second_3.png"></div>
				<div class="s4">
					<img src="imgs/second_4.jpg">
					<img src="imgs/second_5.jpg">
				</div>
			</section><!-- 打折信息结束 -->
			<section class="kindlist clearfixed"><!-- 品牌馆 -->
				<div class="title">
					<div class="title-bar">
                       <div class="title-left-l"></div>
                       <div class="title-left"></div>
                       <div class="title-left-r"></div>
					</div>
					<div class="title-bar-name"></div>
                    <div class="title-bar">
                        <div class="title-left-l"></div>
                        <div class="title-left"></div>
                        <div class="title-left-r"></div>
                    </div>
				</div>
				<div class="kindlist-neme">
                    <div class="kindlist-neme-top">
                        <img src="imgs/third_1.jpg" alt=""/>
                    </div>
                    <div class="kindlist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="kindlist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="kindlist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="kindlist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="kindlist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="kindlist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="kindlist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="kindlist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
				</div>
				<div class="kindlist-play">
                    <div class="kindlist-play-left"><img src="imgs/third_2.jpg" alt=""/></div>
                    <div class="kindlist-play-right"><img src="imgs/third_item1.jpg" alt=""/><span>早春新衣</span></div>
                    <div class="kindlist-play-right"><img src="imgs/third_item1.jpg" alt=""/><span>早春新衣</span></div>
                    <div class="kindlist-play-right"><img src="imgs/third_item1.jpg" alt=""/><span>早春新衣</span></div>
                    <div class="kindlist-play-right"><img src="imgs/third_item1.jpg" alt=""/><span>早春新衣</span></div>
                    <div class="kindlist-play-right"><img src="imgs/third_item1.jpg" alt=""/><span>早春新衣</span></div>
                    <div class="kindlist-play-right"><img src="imgs/third_item1.jpg" alt=""/><span>早春新衣</span></div>
				</div>
			</section><!-- 品牌馆结束 -->
            <section class="enjoy clearfixed"><!-- 享瘦 -->
                <div class="title">
                    <div class="title-bar">
                        <div class="title-left-l"></div>
                        <div class="title-left"></div>
                        <div class="title-left-r"></div>
                    </div>
                    <div class="title-bar-name"></div>
                    <div class="title-bar">
                        <div class="title-left-l"></div>
                        <div class="title-left"></div>
                        <div class="title-left-r"></div>
                    </div>
                </div>
                <div class="enjoylist-neme">
                    <div class="enjoylist-neme-top">
                        <img src="imgs/third_1.jpg" alt=""/>
                    </div>
                    <div class="enjoylist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="enjoylist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="enjoylist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="enjoylist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="enjoylist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="enjoylist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="enjoylist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="enjoylist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                </div>
                <div class="enjoylist-play">
                    <div class="enjoylist-play-left"><img src="imgs/third_2.jpg" alt=""/></div>
                    <div class="enjoylist-play-right"><img src="imgs/third_item1.jpg" alt=""/><span>早春新衣</span></div>
                    <div class="enjoylist-play-right"><img src="imgs/third_item1.jpg" alt=""/><span>早春新衣</span></div>
                    <div class="enjoylist-play-right"><img src="imgs/third_item1.jpg" alt=""/><span>早春新衣</span></div>
                    <div class="enjoylist-play-right"><img src="imgs/third_item1.jpg" alt=""/><span>早春新衣</span></div>
                    <div class="enjoylist-play-right"><img src="imgs/third_item1.jpg" alt=""/><span>早春新衣</span></div>
                    <div class="enjoylist-play-right"><img src="imgs/third_item1.jpg" alt=""/><span>早春新衣</span></div>
                </div>
            </section><!-- 享瘦结束 -->
            <section class="redmen clearfixed"><!-- 红人馆开始 -->
                <div class="title">
                    <div class="title-bar">
                        <div class="title-left-l"></div>
                        <div class="title-left"></div>
                        <div class="title-left-r"></div>
                    </div>
                    <div class="title-bar-name"></div>
                    <div class="title-bar">
                        <div class="title-left-l"></div>
                        <div class="title-left"></div>
                        <div class="title-left-r"></div>
                    </div>
                </div>
                <div class="listbar">
                    <div class="listbar-t">
                        <img src="imgs/fifth_l1.jpg">
                        <img src="imgs/fifth_l2.jpg">
                    </div>
                    <div class="listbar-b">
                        <span>设计频道</span>
                        <span>设计频道</span>
                        <span>设计频道</span>
                        <span>设计频道</span>
                        <span>设计频道</span>
                        <span>设计频道</span>
                        <span>设计频道</span>
                        <span>设计频道</span>
                        <span>设计频道</span>
                    </div>
                </div>
                <div class="listplay">
                    <div class="listplay-t">
                        <img src="imgs/fifth_c1.jpg" alt="">
                        <img src="imgs/fifth_c1.jpg" alt="">
                        <img src="imgs/fifth_c1.jpg" alt="">
                    </div>
                    <div class="listplay-b">
                        <div class="listplay-b-items" >
                            <img src="imgs/fifth_item1.jpg" alt="">
                            <span>早春感流行外套</span>
                            <span>流行趋势早早入荷！</span>
                        </div>
                        <div class="listplay-b-items">
                            <img src="imgs/fifth_item1.jpg" alt="">
                            <span>早春感流行外套</span>
                            <span>流行趋势早早入荷！</span>
                        </div>
                        <div class="listplay-b-items">
                            <img src="imgs/fifth_item1.jpg" alt="">
                            <span>早春感流行外套早春感流行外套</span>
                            <span>流行趋势早早入荷！</span>
                        </div>
                    </div>
                </div>
            </section><!-- 红人馆结束 -->
            <section class="goodgoods clearfixed"><!-- 心水好货开始 -->
                <div class="title">
                    <div class="title-bar">
                        <div class="title-left-l"></div>
                        <div class="title-left"></div>
                        <div class="title-left-r"></div>
                    </div>
                    <div class="title-bar-name"></div>
                    <div class="title-bar">
                        <div class="title-left-l"></div>
                        <div class="title-left"></div>
                        <div class="title-left-r"></div>
                    </div>
                </div>
                <div class="listbar">
                    <div class="listbar-t">
                        <img src="imgs/fifth_l1.jpg">
                        <img src="imgs/fifth_l2.jpg">
                    </div>
                    <div class="listbar-b">
                        <span>设计频道</span>
                        <span>设计频道</span>
                        <span>设计频道</span>
                        <span>设计频道</span>
                        <span>设计频道</span>
                        <span>设计频道</span>
                        <span>设计频道</span>
                        <span>设计频道</span>
                        <span>设计频道</span>
                    </div>
                </div>
                <div class="listplay">
                    <div class="listplay-t">
                        <img src="imgs/fifth_c1.jpg" alt="">
                        <img src="imgs/fifth_c1.jpg" alt="">
                        <img src="imgs/fifth_c1.jpg" alt="">
                    </div>
                    <div class="listplay-b">
                        <div class="listplay-b-items" >
                            <img src="imgs/fifth_item1.jpg" alt="">
                            <span>早春感流行外套</span>
                            <span>流行趋势早早入荷！</span>
                        </div>
                        <div class="listplay-b-items">
                            <img src="imgs/fifth_item1.jpg" alt="">
                            <span>早春感流行外套</span>
                            <span>流行趋势早早入荷！</span>
                        </div>
                        <div class="listplay-b-items">
                            <img src="imgs/fifth_item1.jpg" alt="">
                            <span>早春感流行外套早春感流行外套</span>
                            <span>流行趋势早早入荷！</span>
                        </div>
                    </div>
                </div>
            </section><!-- 心水好货结束 -->
            <section class="fashion clearfixed"><!-- 轻时尚开始 -->
                <div class="title">
                    <div class="title-bar">
                        <div class="title-left-l"></div>
                        <div class="title-left"></div>
                        <div class="title-left-r"></div>
                    </div>
                    <div class="title-bar-name"></div>
                    <div class="title-bar">
                        <div class="title-left-l"></div>
                        <div class="title-left"></div>
                        <div class="title-left-r"></div>
                    </div>
                </div>
                <div class="fashionlist-neme">
                    <div class="fashionlist-neme-top">
                        <img src="imgs/third_1.jpg" alt=""/>
                    </div>
                    <div class="fashionlist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="fashionlist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="fashionlist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="fashionlist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="fashionlist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="fashionlist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="fashionlist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                    <div class="fashionlist-neme-small"><img src="imgs/logo_nike.jpg" alt=""/></div>
                </div>
                <div class="fashionlist-play">
                    <div class="fashionlist-play-left"><img src="imgs/third_2.jpg" alt=""/></div>
                    <div class="fashionlist-play-right"><img src="imgs/third_item1.jpg" alt=""/><span>早春新衣</span></div>
                    <div class="fashionlist-play-right"><img src="imgs/third_item1.jpg" alt=""/><span>早春新衣</span></div>
                    <div class="fashionlist-play-right"><img src="imgs/third_item1.jpg" alt=""/><span>早春新衣</span></div>
                    <div class="fashionlist-play-right"><img src="imgs/third_item1.jpg" alt=""/><span>早春新衣</span></div>
                    <div class="fashionlist-play-right"><img src="imgs/third_item1.jpg" alt=""/><span>早春新衣</span></div>
                    <div class="fashionlist-play-right"><img src="imgs/third_item1.jpg" alt=""/><span>早春新衣</span></div>
                </div>
            </section><!-- 轻时结束 -->
		</article><!-- 正文结束 -->
        <footer class="clearfixed">
            <div class="footer-t clearfixed">
                <div class="footer-t-l clearfixed">
                    <img src="imgs/logo2.png">
                    <span>营业执照注册号：330106000129004</span>
                    <span>增值电信业务经营许可证：浙B2-20110349</span>
                    <span>ICP备案号：浙ICP备10044327号-3</span>
                    <span>&copy;2016 Mogujie.com 杭州卷瓜网络有限公司</span>
                </div>
                <div class="footer-t-m">
                    <ul>
                        <li>公司</li>
                        <li>关于我们</li>
                        <li>招聘信息</li>
                        <li> 联系我们</li>
                    </ul>
                     <ul>
                        <li>消费者</li>
                        <li>帮助中心</li>
                        <li>意见反馈</li>
                        <li>手机版下载</li>
                    </ul>
                     <ul>
                        <li>商家</li>
                        <li>商家社区</li>
                        <li>商家入驻</li>
                        <li>管理后台</li>
                        <li>免费开店</li>
                        <li>商家培训</li>
                    </ul>
                </div>
                <div class="footer-t-r clearfixed">
                    <span>权威认证</span>
                    <a href="#"></a>
                    <a href="#"></a>
                </div>
            </div>
            <div class="footer-b">
                <span>友情链接：</span>
                <ul>
                    <li><a href="#">蘑菇街团购网</a></li>
                    <li><a href="#">蘑菇街团购网</a></li>
                    <li><a href="#">蘑菇街团购网</a></li>
                    <li><a href="#">蘑菇街团购网</a></li>
                    <li><a href="#">蘑菇街团购网</a></li>
                    <li><a href="#">蘑菇街团购网</a></li>
                    <li><a href="#">蘑菇街团购网</a></li>
                    <li><a href="#">蘑菇街团购网</a></li>
                    <li><a href="#">蘑菇街团购网</a></li>
                    <li><a href="#">蘑菇街团购网</a></li>
                    <li><a href="#">蘑菇街团购网</a></li>
                    <li><a href="#">蘑菇街团购网</a></li>
                </ul>
            </div>
        </footer>
	</div>
</body>
</html>